<template>
	<view class="empty">
		<image src="/static/icon/rider/time.png" class="e-img"/>
		<view class="intro">
			<text>您已关闭接单状态</text>
			<text>正处于休息中，无法接单哦！</text>
		</view>
		<view class="btn" @tap="emit('TopLine')"> 上线接单 </view>
		<view class="tips"> 提示：点击上线接单后，即可在大厅抢单接单 </view>
	</view>
</template>

<script setup>
	const emit = defineEmits(['TopLine'])
</script>

<style lang="scss" scoped>
	.empty {
		width: 100%;
		padding: 0 32px;
		text-align: center;
		box-sizing: border-box;
		.e-img {
			margin-top: 116px;
			width: 120px;
			height: 120px;
		}
		.intro {
			display: flex;
			color: #3D3D3D;
			font-size: 14px;
			margin-top: 5px;
			font-weight: 500;
			line-height: 22px;
			flex-direction: column;
		}
		.btn {
			height: 40px;
			color: #FFFFFF;
			font-size: 17px;
			font-weight: 500;
			margin-top: 170px;
			line-height: 24px;
			line-height: 40px;
			background: #FF3B1E;
			border-radius: 106px;
		}
		.tips {
			color: #999999;
			font-size: 14px;
			font-weight: 400;
			margin-top: 10px;
			line-height: 16px;
		}
	}
</style>